<template id="my_integral">
    <div>
        <div class="my_integral_shop">
            <img src="../image/blue_da.png" alt="" @click="get_return()">
            <h4>我的积分</h4>
	    <span></span>
            <!--<span @click="get_ming()">积分规则</span>-->
        </div>
        <div class="my_integral_1">
        <p class="my_integral_p">温馨提示:你的积分将于2018年12月30日过期</p>
            <div class="my_integral_ban">
                <img src="../image/center_bac.png" alt="">
                <img src="../image/blue_dy.png" alt="">
                 <p>110</p>
                <p>当前积分</p>
            </div>
        </div>
        <p class="my_integral_fu">积分福利社</p>
        <div class="my_integral_goods">
            <div class="my_integral_goods_bu_mmg" v-for="sel in tag">
                <div class="my_integral_goods_li_st">
                    <div class="my_integral_goods_x_m"><img class="img_l1"  :src="sel.thumb" alt="" ></div>
                    <div class="my_integral_goods_x_right">
                        <h2 @click="getDetail(sel.id)">{{sel.name}}</h2>
                        <p @click="getDetail(sel.id)">{{sel.brief}}</p>
                        <div class="my_integral_goods_Select_price"><span @click="getDetail(sel.id)"><strong>{{sel.shop_price}}</strong>/200g*2</span><img src="../image/gou.png" alt=""></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        name :'my_integral',
        data(){
            return{
                     tag:[],
            }
        },
        mounted:function(){
            let mode1 = 'hot';
            this.GLOBAL.getNew(this,mode1,4);
        },
        methods:{
            get_ming:function(){
                this.$router.push('/Integral_rule')
            },
            get_return:function(){
                window.history.go(-1);
            }
        }
    }
</script>
<style>
    .my_integral_goods{
        height:auto;
        width:100%;
    }
   /* .my_integral_goods .my_integral_goods_bu_mmg:last-of-type{
        border-bottom:0;
    }*/
    .my_integral_goods_bu_mmg{
        height:2.26rem;
        width:100%;
        border-top:0.01rem solid #f0f0f0;
    }
    .my_integral_goods_li_st{
        height:2.26rem;
        width:5.95rem;
        margin:0 auto;
        display:flex;
        /*   flex-wrap: wrap;*/
        justify-content:flex-start;
        /*  border-bottom:0.01rem solid #f0f0f0;*/
    }
    .my_integral_goods_Select_price{
        height:0.68rem;
        position:relative;
        top:0;
    }
    .my_integral_goods_Select_price span{
        display:block;
        color:#fc1dac;
        font-size:0.18rem;
        width:2rem;
        height:0.68rem;
        line-height:0.68rem;
    }
    .my_integral_goods_Select_price strong{
        font-size:0.24rem;
    }
    .my_integral_goods_Select_price img{
        display:block;
        position:absolute;
        top: -0.08rem;
        right:0.2rem;
        height:0.6rem;
        width:0.6rem;
    }
    .my_integral_goods_x_m{
        /* flex:1;*/
        height:2.26rem;
        width:2.12rem;
    }
    .my_integral_goods_x_m img{
        /* display:block;*/
        width:2rem;
        height:2rem;
        margin:0 auto;
    }
    .my_integral_goods_x_right{
        height: 1.76rem;
        width:3.84rem;
        /* flex: 1;*/
        padding-top: 0.5rem
    }
    .my_integral_goods_x_right h2{
        height:0.42rem;
        color:#4a4a4a;
        font-size:0.28rem;
        line-height:0.25rem;
        font-weight:normal;
    }
    .my_integral_goods_x_right p{
        height:0.35rem;
        color:#bababa;
        font-size:0.19rem;
        line-height:0.19rem;
    }
    /*小马*/
    /*商品列表*/
    .my_integral_fu{
        width:100%;
        height:1rem;
        line-height:1rem;
        text-align:center;
        color:#494a4a;
        font-size:0.28rem;

    }
    .my_integral_ban img:nth-of-type(2){
        display:block;
        position:absolute;
        height:0.48rem;
        width:0.48rem;
        top:0.3rem;
        left:3.6rem;
    }
    .my_integral_ban p:nth-of-type(2){
        position:absolute;
        height:0.4rem;
        line-height:0.4rem;
        text-align:center;
        color:#e0f0ff;
        font-size:0.2rem;
        left:0;
        top:0.93rem;
        width:100%;
    }
    .my_integral_ban p:nth-of-type(1){
        position:absolute;
        height:0.73rem;
        line-height:0.73rem;
        width:100%;
        font-size:0.52rem;
        text-align:center;
        top:0.2rem;
        left:0;
        color:#ffffff;
    }
    .my_integral_ban img:nth-of-type(1){
        width:100%;
        height:1.6rem;
        display:block;
    }
    .my_integral_ban{
        width:100%;
        height:1.6rem;
        position:relative;
    }
    .my_integral_1{
        width:100%;
        height:2.12rem;
        background:#f5f4f2;
    }
    .my_integral_p{
        width:100%;
        height:0.42rem;
        line-height:0.42rem;
        text-align:center;
        color:#9e9e9e;
        font-size:0.2rem;
    }
    /*温馨提示*/
    .my_integral_shop{
        height:0.75rem;
        width:100%;
        position:relative;
        background:#ffffff;
    }
    .my_integral_shop img{
        height:0.36rem;
        width:0.36rem;
        display:block;
        position:absolute;
        left:0.25rem;
        top:0.2rem;
    }
    .my_integral_shop h4{
        height:0.75rem;
        color:#2eaffc;
        font-size:0.3rem;
        line-height:0.75rem;
        text-align:center;
        font-weight:normal;
    }
    .my_integral_shop span{
        display:block;
        height:0.75rem;
        line-height: 0.75rem;
        font-size:0.26rem;
        color:#2eaffc;
        position:absolute;
        right:0.24rem;
        top:0;
    }
</style>
